<template>
    <div :class="msg?'msg-style-01':'msg-style-02'">
        <div class="s-unit">
            <div class="s-title c-shadow">发放种类和对象</div>
            <div class="s-content style-02">
                <p>
                    沈阳市居民消费券综合券面向沈阳市居民，户籍不限。发放额度<span>2800万元</span>，每份为额度<span>50元</span>的券包，包含<span>2张20元和1张10元消费券</span>。
                </p>
<!--                <p>沈阳市居民消费券图书券（以下简称图书券）面向沈阳市居民，户籍不限。发放额度<span>200万元</span>，每份额度<span>20元</span>，共计发放<span>10万份</span>。</p>-->
            </div>
        </div>
        <div class="s-unit">
            <div class="s-title c-shadow">发放方式</div>
            <div class="s-content style-02">
                <p>
                    采取<span>“网上预约、分期发放、随机摇号，同步公证”</span>的方式发
                    放。第一期发放综合券<span>1500万元</span>，共<span>30万</span>份；第二期发放基础
                    额度为<span>800万</span>元，第一期未使用的消费券退款金额转入第二期；第三期发放基础额度为<span>500万</span>元，第二期未使用的综合券退款金
                    额转入第三期。
                </p>
                <p>
                    1.<span>预约</span>。在媒体上广泛宣传综合券预约时间、摇号时间、
                    发放时间、使用期限、使用范围以及领取途径等信息；居民须
                    持本人身份证在<span>“盛事通”</span>微信公众号进行预约登记，每个居民身
                    份证号只能参加<span>一次</span>预约登记；已在第一轮居民消费券发放活动
                    中成功预约的居民，自动转入本轮预约。
                </p>
                <p>2.<span>摇号</span>。<span>“盛事通”</span>微信公众号在公证机构监督下开展综合券的随机摇号，确定获得综合券居民名单；每位居民最多<span>只能领取一份</span>综合券，成功预约但没有中券的居民自动进入<span>下一期</span>预约；在综合券和图书券均完成预约的情况下，可同时参加沈阳市居民消费券图书券摇号活动。
                </p>
                <p>3.<span>发放</span>。中券居民所获得的综合券，通过<span>“盛事通”</span>微信公众号发放至本人微信卡包，同时微信提醒。</p>
            </div>
        </div>
        <div class="s-unit">
            <div class="s-title c-shadow">预约和摇号时间</div>
            <div class="s-content style-01">
                <p style="font-weight: bold;">第一期</p>

                <p>预约 6月14日9时-6月16日12时</p>

                <p>摇号 6月16日14时-15时</p>

                <p style="font-weight: bold;">第二期</p>

                <p>
                    预约 截至6月28日12时
                </p>

                <p>摇号 6月28日14时-15时</p>

                <p style="font-weight: bold;">第三期</p>

                <p>预约 截至7月9日12时</p>

                <p>摇号 7月9日14时-15时</p>

                <!--                <p style="font-weight: bold;">第一期</p>-->
<!--                <p>预约 4月8日0时-4月10日12时</p>-->
<!--                <p>摇号 4月10日14时-4月10日15时</p>-->
<!--                <p>消费 至4月19日24时止</p>-->
<!--                <p style="font-weight: bold;">第二期</p>-->
<!--                <p>预约 4月10日12时-4月20日12时</p>-->
<!--                <p>摇号 4月20日14时-4月20日15时</p>-->
<!--                <p>消费 至4月29日24时止</p>-->
<!--                <p style="font-weight: bold;">第三期</p>-->
<!--                <p>预约 4月20日12时-4月30日12时</p>-->
<!--                <p>摇号 4月30日14时-4月30日15时</p>-->
<!--                <p>消费 至5月9日24时止</p>-->
            </div>
        </div>
        <div class="s-unit">
            <div class="s-title c-shadow">使用范围和要求</div>
            <div class="s-content style-02">
                <p>
                    1. 综合券用于在<span>沈阳市辖区</span>内可用微信商务支付的快餐、
                    正餐、小吃、甜品冷饮、糕点面包、酒吧、咖啡馆等7个业态、
                    品类的线下实体餐饮企业和百货、超市、果蔬生鲜、便利店、服
                    饰箱包鞋、数码产品、母婴玩具、家具及床上用品、粮油米面、
                    文具及办公用品、珠宝首饰、茶叶茶庄、体育用品、书店、加油
                    站等15个业态、品类的线下实体零售企业。
                </p>
                <p>
                    2. 单笔消费<span>40元</span>以上可一次性全额使用<span>20元</span>综合券，单笔
                    消费<span>20元以上</span>可一次性全额使用<span>10元</span>综合券，<span>不找零</span>，<span>不重复
                    使用</span>。可同时享受线下实体餐饮和零售企业的其他优惠活动。
                </p>
            </div>
        </div>
        <div class="s-unit">
            <div class="s-title c-shadow">使用期限</div>
            <div class="s-content style-02">
                <p>使用期限<span>10天</span>，逾期作废并收回。</p>
            </div>
        </div>
        <div class="s-unit">
            <div class="s-title c-shadow">公证方式</div>
            <div class="s-content style-02">
                <p><span>沈阳市沈阳公证处</span>对现场摇号环节提供公证服务，公证方式如下:</p>
                <p>1.“盛事通”将预约报名名单<span>导出</span>，提供给公证机构，个人信息做脱敏处理，对于同一身份证多微信同时申请的情况，只保留<span>一个微信号</span>。</p>
                <p>2.<span>在公证处人员监督</span>下通过软件进行摇号，摇号部分代码提供<span>开放源码</span>。</p>
            </div>
        </div>
        <div class="s-unit">
            <div class="s-title c-shadow">服务电话</div>
            <div class="s-content style-01">
                <p>微信支付客服：95017</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: 'SubsidyMsg',
  props: {
    msg: {
      type: Boolean,
      default: () => {
        return true
      }
    }
  }
}
</script>

<style scoped lang="less">
    .msg-style-01 {
        .s-unit {
            margin: 10px 30px 20px 30px;
        }

        .s-title {
            position: relative;
            width: 50%;
            margin: 0 auto;
            font-size: 16px;
            font-weight: bold;
            color: white;
            text-align: center;
            padding: 5px 0;
            background-image: linear-gradient(#15b5d2, #0d5a9b);
            border-radius: 5px;
            z-index: 100;
        }

        .s-content {
            border: 3px solid #15b5d2;
            padding: 20px 10px 10px 10px;
            color: #5a8f7f;
            margin-top: -20px;
        }

        .s-content.style-01 p {
            width: 100%;
            text-align: center;
            font-size: 14px;
        }

        .s-content.style-02 p {
            font-size: 14px;
            text-indent: 2em;
        }

        .s-content span {
            color: #15b5d2;
        }

        .c-shadow {
            -moz-box-shadow: 2px 2px 5px #4D4D3F;
            -webkit-box-shadow: 2px 2px 5px #4D4D3F;
            box-shadow: 2px 2px 5px #4D4D3F;
        }
    }

    .msg-style-02 {
        .s-unit {
            margin-bottom: 10px;
        }

        .s-title {
            border-left: 4px solid darkolivegreen;
            padding-left: 5px;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .s-content p {
            font-size: 14px;
            text-indent: 2em;
        }
    }
</style>
